<template>
  <div>
      <header>
          <slot name="header"></slot> 
      </header>
      <main>
          <!-- slot不加name属性，默认name为default -->
        
          <!-- 可以将user变量作为slot标签的属性绑定
           => 父组件可以使用-->
           <!-- { user:{}, age:18} -->
          <slot :user="user" :age="age">
              <!-- 插槽的默认内容 -->
              {{ user.lastName }}
          </slot>
      </main>
      <footer>
          <slot name="footer" msg="我是footer属性传的值"></slot>
      </footer>
  </div>
  </template>
<script>
  export default {
      data(){
          return {
              user:{
                  lastName:'王',
                  firstName:'大锤'
              },
              age: 18
          }
      }
  }
  </script>
     